<template>
    <div id="fc8d86b3241284fc285f08e5041bb5393">
        <h1>{{title}}</h1>
        <h2>{{oldMessage}}</h2>
        <h3>{{message}}</h3>
        <!--include single -->
        <oui-include url="/res_apps/test/single/1.art.html" ref="f480d003ca90d4d32b8416b4b5e9fa3ab" type="module" data="includeData"></oui-include>
        <oui-include url="/res_apps/test/single/2.art.html" ref="f4956a0a22ef84e62b4860d2ba41d2cea" type="module" data="includeData"></oui-include>
    </div>
</template>
<script>
    exports = {
        data: function () {
            return {
                message:'第2个 art 组件显示',
                oldMessage:'第2个 art 组件显示',
                title:'Welcome to 2',
                includeData:this.includeData
            }
        },
        includeData:{
            message:''
        },

        mounted:function(){
            // art 无 $nextTick
            this.message="第2个 art 组件 mounted"+",耗用时间:"+(new Date()-oui.router.startTime)+"ms";
        }
    }
</script>

<style>
    #fc8d86b3241284fc285f08e5041bb5393 {
        font-size: 12px;
        color:#8c2ab6;
        background:#58514b;
    }
</style>

